<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title">#{msgs.VueFormateur_tabTitle}</ui:define>

	<ui:define name="entete">
		<h:form id="enteteForme" styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar" style="height: 30px;">
				<p:toolbarGroup id="enteteTolBarGroup" align="left">
					<h:outputText value="#{msgs.VueFormateur_title}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="layoutTestBla">
		<p:layout styleClass="myLayoutStyleClass" style="min-width: 100px; height:580px;  margin-bottom: 0.50%; margin-top: 0.50%" id="layout">
			<p:layoutUnit position="west" size="570" header="#{msgs.VueFormateur_NewFormateur_header}" styleClass="myLayoutStyleClass">
				<h:form id="vueFormateur_newFormateurForme" styleClass="container-vertically-centered">
						<p:fieldset style="width: 535px; margin-top: 2.50%;">
							<h:panelGroup id="AjoutFormateur_AjoutGroup">
								<h:panelGrid id="AjoutFormateur_AjoutGrid" columns="3" cellpadding="10">

									<h:outputLabel for="newId" value="Id" />
									<p:inputText id="newId" value="#{manageBeanUtilisateur.utilisateur.idUtilisateur}" label="Id" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewId" />
									</p:inputText>
									<p:message id="msgNewId" for="newId" />

									<h:outputLabel for="newNom" value="#{msgs.VueFormateur_NewFormateur_nom}" />
									<p:inputText id="newNom" value="#{manageBeanUtilisateur.utilisateur.nom}" label="Nom" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewNom" />
									</p:inputText>
									<p:message id="msgNewNom" for="newNom" />

									<h:outputLabel for="newPrenom" value="#{msgs.VueFormateur_NewFormateur_prenom}" />
									<p:inputText id="newPrenom" value="#{manageBeanUtilisateur.utilisateur.prenom}" label="Prenom" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewPrenom" />
									</p:inputText>
									<p:message id="msgNewPrenom" for="newPrenom" />
									
									<h:outputLabel for="newAdresse" value="#{msgs.VueFormateur_NewFormateur_adresse}" />
									<p:inputText id="newAdresse" value="#{manageBeanUtilisateur.utilisateur.adresse}" label="Adresse" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewAdresse" />
									</p:inputText>
									<p:message id="msgNewAdresse" for="newAdresse" />
									
									<h:outputLabel for="newNumeroFixe" value="#{msgs.VueFormateur_NewFormateur_numeroFixe}" />
									<p:inputText id="newNumeroFixe" value="#{manageBeanUtilisateur.utilisateur.numeroFixe}" label="NumeroFixe">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewNumeroFixe" />
									</p:inputText>
									<p:message id="msgNewNumeroFixe" for="newNumeroFixe" />
									
									<h:outputLabel for="newNumeroNatel" value="#{msgs.VueFormateur_NewFormateur_numeroNatel}" />
									<p:inputText id="newNumeroNatel" value="#{manageBeanUtilisateur.utilisateur.numeroNatel}" label="NumeroNatel">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewNumeroNatel" />
									</p:inputText>
									<p:message id="msgNewNumeroNatel" for="newNumeroNatel" />

									<h:outputLabel for="newMail" value="#{msgs.VueFormateur_NewFormateur_mail}" />
									<p:inputText id="newMail" value="#{manageBeanUtilisateur.utilisateur.mail}" label="Mail" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewMail" />
									</p:inputText>
									<p:message id="msgNewMail" for="newMail" />

									<h:outputLabel for="newUser" value="#{msgs.VueFormateur_NewFormateur_user}" />
									<p:inputText id="newUser" value="#{manageBeanUtilisateur.utilisateur.user}" label="User" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewUser" />
									</p:inputText>
									<p:message id="msgNewUser" for="newUser" />

									<h:outputLabel for="newPassword" value="#{msgs.VueFormateur_NewFormateur_password}" />
									<p:inputText id="newPassword" value="#{manageBeanUtilisateur.utilisateur.password}" label="Password" required="true">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewPassword" />
									</p:inputText>
									<p:message id="msgNewPassword" for="newPassword" />

									<!--
									<h:outputLabel for="newRepPassword" value="#{msgs.VueFormateur_NewFormateur_repPassword}" />
									<p:inputText id="newRepPassword" label="RepPassword">
										<f:validateRequired />
										<p:ajax event="blur" update="msgNewRepPassword" />
									</p:inputText>
									<p:message id="msgNewRepPassword" for="newRepPassword" />
									 -->

								</h:panelGrid>
								<h:panelGrid id="AjoutFormateur_ButtonAjoutGrid" columns="3">

									<p:commandButton value="#{msgs.VueFormateur_NewFormateur_enregistrer}" action="#{manageBeanUtilisateur.add}" ajax="false" />

								</h:panelGrid>
							</h:panelGroup>
						</p:fieldset>
					
				</h:form>
				
				<p:toolbar id="t" style="height: 20px; text-align:center; margin-top: 14.50%;" >
					<p:toolbarGroup id="ta" align="left">
						<h:outputText value="#{msgs.VueFormateur_SuppFormateur_toolbar}" />
					</p:toolbarGroup>
				</p:toolbar>
				
				<h:form id="vueFormateur_DeleteFormateurForme" styleClass="container-vertically-centered">
					<p:fieldset style="width: 535px; margin-top: 3%; ">
							<h:panelGrid id="SuppFormateur_SuppGrid" columns="3" cellpadding="10">

								<h:outputLabel for="SuppFormateur" value="#{msgs.VueFormateur_SuppFormateur_user}" />
								<p:inputText id="suppFormateur" value="#{manageBeanUtilisateur.utilisateur.user}" label="formateur" required="true">
									<f:validateRequired />
									<p:ajax event="blur" update="msgSuppFormateur" />
								</p:inputText>
								<p:message id="msgSuppFormateur" for="suppFormateur" />

								<p:commandButton value="#{msgs.VueFormateur_SuppFormateur_supp}" action="#{manageBeanUtilisateur.del}" ajax="false" />

							</h:panelGrid>
					</p:fieldset>
				</h:form>
			</p:layoutUnit>
			<p:layoutUnit position="center" header="#{msgs.VueFormateur_Formateurs_header}" style="text-align:center;">

				<h:form id="vueFormateur_tableFormateurForm" styleClass="container-vertically-centered" >
					<h:panelGrid id="vfFormateurGrid" columns="3">

						<p:commandButton value="#{msgs.VueFormateur_Formateurs_recherche}" action="#{manageBeanUtilisateur.toSearch}" ajax="false" />

						<h:outputText value="#{msgs.VueFormateur_Formateurs_nbFormateur}" />

						<h:outputText>
							#{manageBeanUtilisateur.service.nbFormateur}
						</h:outputText>

					</h:panelGrid>
				</h:form>
				<h:form id="vueFormateur_tableFormateurForme" styleClass="container-vertically-centered">
					
						<p:dataTable id="vueFormateur_tableDatatTable" var="formateur" value="#{manageBeanUtilisateur.service.all}"
							style="width: 1315px;" paginator="true" rows="8" rowKey="#{formateur.key}" selection="#{manageBeanUtilisateur.selectedUtilisateur}" selectionMode="single"
							paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
							rowsPerPageTemplate="8,16" emptyMessage="Pas d'utilisateur trouvés avec les critères donnés" filteredValue="#{tableBean.filteredCars}" >

							<f:facet name="header">
								<h:outputText value="#{msgs.VueFormateur_Formateurs_tableHeader}" />
							</f:facet>
							
							<p:column id="idUtilisateurColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextIdUtilisateur}" filterBy="#{formateur.idUtilisateur}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.idUtilisateur}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.idUtilisateur}" style="width: 100px;" label="Id utilisateur" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							
							<p:column id="userColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextUser}" filterBy="#{formateur.user}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.user}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.user}" style="width: 100px;" label="User" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column id="nomColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNom}" filterBy="#{formateur.nom}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.nom}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.nom}" style="width: 100px;" label="Nom" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column id="prenomColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextPrenom}" filterBy="#{formateur.prenom}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.prenom}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.prenom}" style="width: 100px;" label="Prenom" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							
							<p:column id="adresseColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextAdresse}" filterBy="#{formateur.adresse}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.adresse}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.adresse}" style="width: 100px;" label="Adresse" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							
							<p:column id="numeroFixeColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNumeroFixe}" filterBy="#{formateur.numeroFixe}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.numeroFixe}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.numeroFixe}" style="width: 100px;" label="N° fixe" />
									</f:facet>
								</p:cellEditor>
							</p:column>
							
							<p:column id="numeroNatelColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNumeroNatel}" filterBy="#{formateur.numeroNatel}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.numeroNatel}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.numeroNatel}" style="width: 100px;" label="N° natel" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column id="mailColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextMail}" filterBy="#{formateur.mail}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.mail}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.mail}" style="width: 100px;" label="mail" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column id="passwordColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextPassword}" filterBy="#{formateur.password}" filterMatchMode="contains">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{formateur.password}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{formateur.password}" style="width: 100px;" label="password" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextOption}">
								<p:commandButton oncomplete="edit.show()" value="Edit" />
							</p:column>

					</p:dataTable>
					
				</h:form>
			</p:layoutUnit>
		</p:layout>
	</ui:define>
	
	<ui:define name="popoInformationOuvrage">
		<h:form id="dialogForm" styleClass="container-vertically-centered">
			<p:growl id="msgs" />
			<p:dialog id="dialogId" header="Basic Dialog" widgetVar="edit" showEffect="explode" hideEffect="explode" height="260" width="710">
				<h:panelGrid id="bibliotheque_informationLivreGrid" columns="2">
					<h:panelGroup>
						<h:panelGrid id="a" columns="3" border="4" cellpadding="2">

							<h:outputLabel for="updUser" value="User update:" />
							<p:inputText id="updUser" value="#{manageBeanUtilisateur.utilisateur.user}" label="User update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdUser" />
							</p:inputText>
							<p:message id="msgUpdUser" for="updUser" />
							
							<h:outputLabel for="updIdUtilisateur" value="Id:" />
							<p:inputText id="updIdUtilisateur" value="#{manageBeanUtilisateur.utilisateur.idUtilisateur}" label="IdUtilisateur update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdIdUtilisateur" />
							</p:inputText>
							<p:message id="msgUpdIdUtilisateurr" for="updIdUtilisateur" />

							<h:outputLabel for="updNom" value="Nom update:" />
							<p:inputText id="updNom" value="#{manageBeanUtilisateur.utilisateur.nom}" label="Nom update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNom" />
							</p:inputText>
							<p:message id="msgUpdNom" for="updNom" />

							<h:outputLabel for="updPrenom" value="Prenom update:" />
							<p:inputText id="updPrenom" value="#{manageBeanUtilisateur.utilisateur.prenom}" label="Prenom update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdPrenom" />
							</p:inputText>
							<p:message id="msgUpdPrenom" for="updPrenom" />
							
							<h:outputLabel for="updAdresse" value="Adresse update:" />
							<p:inputText id="updAdresse" value="#{manageBeanUtilisateur.utilisateur.adresse}" label="Adresse update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdAdresse" />
							</p:inputText>
							<p:message id="msgUpdAdresse" for="updAdresse" />
							
							<h:outputLabel for="updNumeroFixe" value="NumeroFixe update:" />
							<p:inputText id="updNumeroFixe" value="#{manageBeanUtilisateur.utilisateur.numeroFixe}" label="NumeroFixe update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNumeroFixe" />
							</p:inputText>
							<p:message id="msgUpdNumeroFixe" for="updNumeroFixe" />
							
							<h:outputLabel for="updNumeroNatel" value="NumeroNatel update:" />
							<p:inputText id="updNumeroNatel" value="#{manageBeanUtilisateur.utilisateur.numeroNatel}" label="NumeroNatel update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNumeroNatel" />
							</p:inputText>
							<p:message id="msgUpdNumeroNatel" for="updNumeroNatel" />
							
							<h:outputLabel for="updMail" value="Mail update:" />
							<p:inputText id="updMail" value="#{manageBeanUtilisateur.utilisateur.mail}" label="Mail update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdMail" />
							</p:inputText>
							<p:message id="msgUpdMail" for="updMail" />
							
							<h:outputLabel for="updPassword" value="Password update:" />
							<p:inputText id="updPassword" value="#{manageBeanUtilisateur.utilisateur.password}" label="Password update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdPassword" />
							</p:inputText>
							<p:message id="msgUpdPassword" for="updPassword" />

						</h:panelGrid>
					</h:panelGroup>
				</h:panelGrid>

				<p:commandButton value="Update" action="#{manageBeanUtilisateur.update}" ajax="false" />

			</p:dialog>
		</h:form>
	</ui:define>

	<ui:define name="pieddepage">
		<h:form id="pieddepageForm" styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar" style="height: 30px;">
				<p:toolbarGroup id="pieddepageTolBarGroup" align="left">
					<h:outputText value="#{msgs.VueFormateur_underTitle}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

</ui:composition>